<template>
	<view class="login-bg" style="background: url('../../static/image/bg-01.png') no-repeat;background-size: 100% 100%;">
		<view class="login-view">
			<view class="flex-justAliCenter-column margin-bottom50">
				<view class="input-view margin-bottom50">
					<input type="text" v-model="name" placeholder="输入登录账号" />
				</view>
				<view class="input-view margin-bottom50">
					<input type="text" v-model="name" placeholder="输入登录密码" />
				</view>
				<view class="login-btn-view flex-center">登录</view>
			</view>
			<view class="flex-center fontSize-15 color-fff">用户登录入口</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:''
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.login-view{
		position: absolute;
		bottom: 160rpx;
		left: 50rpx;
	}
	.login-btn-view{
		width: 600rpx;
		background-color: #F13E24;
		padding: 30rpx;
		border-radius: 50rpx;
		color: #ffffff;
		font-size: 15px;
	}
	.input-view{
		width: 600rpx;
		background-color: #ffffff;
		padding: 30rpx;
		font-size: 15px;
		border-radius: 50rpx;
		color: #792A0B;
	}
	.login-bg{
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
</style>
